
$(document).ready(function() {
    setSixBox('sb-page');
    $('.sb-column').hover(function() {
        if ($(window).width() > 1024) {
            $(this).addClass("col-hover");
            $(this).siblings('.sb-column').addClass('col-hover-rest');
            $(this).parent().addClass('hover-box');
            $(this).parent().siblings('.v-wrap').addClass('hover-rest');
            $(this).siblings('.sb-column').addClass('hover-sib');
        }
    }, function() {
        if ($(window).width() > 1024) {
            $(this).removeClass("col-hover");
            $(this).siblings('.sb-column').removeClass('col-hover-rest');
            $(this).parent().removeClass('hover-box');
            $(this).parent().siblings('.v-wrap').removeClass('hover-rest');
            $(this).siblings('.sb-column').removeClass('hover-sib');
        }
    });
});

$(window).resize(function() {
    setSixBox('sb-page');
});

function setSixBox(elem) {
    if ($(window).width() >= 768) {
        var cElem = $('.' + elem);
        var sBoxHeight = $('.v-wrap').height();
        var sBoxWidth = $(cElem).width();
        $(cElem).css('height', sBoxHeight);
        $(cElem).find('.sb-row').first().css('height', sBoxHeight);
        $(cElem).css('margin-left', -(sBoxWidth / 2));
        $(cElem).css('margin-top', -(sBoxHeight / 2));
        $('.cp-svg-res').removeClass('center-res');
    } else {
        $('.cp-svg-res').addClass('center-res');
        $('.cp-svg-res').css('width', $(window).width());
    }
}






